<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
<link href="css/bootstrap.min.css" rel="stylesheet">
<script src="js/jquery-1.9.1.js"></script>
<script src="js/bootstrap.min.js"></script>
<link href="themes/material/easyui.css" rel="stylesheet">
<link href="themes/icon.css" rel="stylesheet">
<script src="js/jquery.easyui.min.js"></script>
<script src="js/easyui-lang-zh_CN.js"></script>
<title>超市管理系统</title>
<script type="text/javascript">
	  $(function(){
		  //树形菜单配置
		  $("#showFuncs").tree({
			  url:'showfuncs',
			  animate:true,
			  lines:true,
			  onLoadSuccess:function(node,data){
				  $("#showFuncs").tree('expandAll');
			  },
			  formatter:function(node){
				 
					return node.text;
				},

			  onClick:function(node){
				  if(node.attributes.fpath){
					  $("#ifra").attr({ src:node.attributes.fpath });
					   
				  }
				  
			  },
			  formatter:function(node){
				  var s ='<font color="white" size="4">'+node.text+'</font>';
				  return s;
				  }    
		  });
		  
	  });
	//退出到登录界面
	  function outlogin(){
		  $.messager.confirm('确认','确认要退出？',function(r){    
			    if (r){    
			        window.open("login.jsp", "_self");
			    }    
			}); 
		  
	  }
</script>
</head>
<body  background="image/bg.jpg">
    	 <div class="container-fluid">
    	 	<!--顶部标题部分-->
    	 	<div class="row " >
    	 	   <div class="col-md-3" >
    	 	   	<h4 style="color:wheat; margin-top: 1px;">${currentemp.ename}欢迎您</h4>
                </div>
                <div class="col-md-5" >
                	  <img src="image/logo.png" width="90px" height="70px" class="img-circle">
                	  <h2 style="color:wheat; display: inline;">幸福超市管理系统</h2>
                </div>
                <div class="col-md-4">
                	<!--
                    	作者：1102271585@qq.com
                    	时间：2016-09-10
                    	描述：公告显示位置
                    -->
                	<div id=gonggao style="width: 300px; height: 100px;color:wheat;"> 
                		公告：${ment}
                    </div>
                    <!--退出按钮-->
                    <div id="out" style="float: right; margin-top: -30px;"/>
                    	<a class="btn btn-default  btn-sm" href="#" role="button" onclick="outlogin()">退出</a>
                    </div>
               </div>
    	    </div>
    	 		<!-- 功能树和右边功能展示界面部分-->
    	 	<div class="row " >
    	 		<!--描述：功能树部分 -->
    	 		<div class="col-md-2" >
    	 			<div id="tree" style="width:220px;height:500px;">
    	 				<ul id="showFuncs"></ul>  
    	 			</div>
                </div>
                <!-- 右边攻讦显示界面  -->
                <div class="col-md-10" >
                	<iframe  id="ifra" src=""  style=" width: 1110px;height: 500px; border-color: wheat;"></iframe>
                </div>
    	 	</div>
    	 	
    	  </div>
 	</body>
</html>